<template>
<div class="remind">
	<dl>
		<dt class="time">2018年03月09日 上午 09:21</dt>
		<dd>
			<div class="title">
				<h2>救援卡购买通知</h2>
				<p>03月09日</p>
			</div>
			<div class="price">
				<span>消费金额</span>
				<p>￥450.00</p>
			</div>
			<ul>
				<li><span>交易时间：</span><b>03月09日09:21</b></li>
				<li><span>交易类型：</span><b>天机卡消费</b></li>
				<li><span>交易账户：</span><b>000153</b></li>
				<li><span>交易金额：</span><b>人民币450.00元</b></li>
			</ul>
		</dd>
	</dl>
</div>
</template>

<style lang="scss" scoped>
@import '../../../../assets/css/all';

.remind{@include screen;min-height: 100%;overflow-y: auto;
	dl{line-height: 1;
		dt{text-align: center;padding-top:15px;}
		dd{background-color: white;margin:15px;padding:18px 15px 40px;border:1px solid #efefef;
			.title{
				h2{font-size:18px;}
				p{font-size: 16px;margin-top:10px;}
			}
			.price{margin-top:34px;text-align: center;padding-bottom:25px;border-bottom:1px dashed #efefef;
				span{display: block;font-size: 16px;color:#929292;margin-bottom: 20px;}
				p{font-size:35px;}
			}
			ul{margin-top:15px;
				li{line-height: 30px;font-size:16px;
					b{font-weight: normal;}
				}
			}
		}
	}
}
</style>

